<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <meta name="keyword" content="北欧,简约,舒适,素雅,简洁,自然,人性化">
    <meta name="description" content="慕家居 触手可及的家居格调 让您的生活更简单优雅"> 
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/css.css">
</head>

<body>
    <!-- 头部 包含top区域 nav区域 banner区域 -->
    <header>
        <div class="top">
            <div class="center clearfix">
             <p>服务热线:400-8888-888</p>
            </div>
        </div>
        <div class="daohang">

            <div class="center clearfix">
                <h2>慕家居</h2>
                <ul class="clearfix">
                    <li><a href=""><div class="iconfont">&#xe62b;</div><p>网站首页</p></a></li>
                    <li><a href=""><div class="iconfont">&#xe6b1;</div><p>关于我们</p></a></li>
                    <li><a href=""><div class="iconfont">&#xe6ec;</div><p>服务建设</p></a></li>
                    <li><a href=""><div class="iconfont">&#xe66f;</div><p>产品中心</p></a></li>
                    <li><a href=""><div class="iconfont">&#xe625;</div><p>服务大厅</p></a></li>
                </ul><p></p>
                <div class="serach">
                    <input class="input1" type="text" placeholder="请输入要搜索的内容">
                    <button class="iconfont">&#xe661;</button>
                </div> 
            </div>
        </div>

        <div class="banner">
            <div class="pics">
                <img  class="current" src="" alt="">

            </div>

            <div class="center">
                <div class="mask">
                    <ul class="clearfix">
                        <li>简洁</li>
                        <li>自然</li>
                        <li>人性化</li>
                    </ul>
                    <p>北欧简约风</p>
                    <span class="chushou clearfix" >
                        触手可及的家居格调
                    </span>

                    <div class="ljxq">
                        <a href="">了解详情</a>
                    </div>

                    <div  class="dian">
                        <ul class="clearfix">
                            <li></li>
                            <li></li>
                            <li></li>
                        </ul>
                    </div>
                   
                </div>

            </div>
        </div>
        
    </header>
    <!-- 商品区域 -->
    <section class="goods">
        <div class="center clearfix">
            <div class="leftbtn btn">&lt;</div>

            <div class="pics">
                <ul class="clearfix">
                    <li>
                        <a href="">
                            <img src="" alt="">
                            <p>时尚卫生间墙面颜色</p>
                            <p>2029装修设计</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="" alt="">
                            <p>现代北欧风格厨房装</p>
                            <p>2029饰效果图</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="" alt="">
                            <p>现代时尚北欧风格卧</p> 
                            <p>2029室装饰图</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="" alt="">
                            <p>130平简约现代北欧</p> 
                            <p>2029风格装修</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="" alt="">
                            <p>现代北欧风格小餐厅</p> 
                            <p>2029装修设计</p>
                        </a>
                    </li>
                </ul>
            </div>
          
            <div class="rightbtn btn">&gt;</div>
        </div>
    </section>

    <!-- 了解我们区域 -->
    <section class="ljwm">
        <div class="center">
            <div class="top clearfix">
                <div class="leftline line"></div>
                <div class="word clearfix">
                    <h2>了解我们</h2>
                    <h5>about us</h5>
                    <div class="blueline"></div>
                </div>
                <div class="rightline line"></div>
            </div>

            <div class="xia clearfix">
                <div class="wordbox">
                    <h3>关于我们</h3>
                    <p class="companyname">慕家居装饰材料有限公司</p>
                    <p class="line"></p>
                    <p class="companydes">慕家居装修网北欧风格家具图片专区,是国内海量全面的高质量北欧风格家具图片库...</p>
                    <div class="learnmore">
                        了解更多
                    </div>
                </div>
                <div class="picbox">
                    <img src="" alt="">
                </div>
                <div class="iconbox">
                    <ul>
                        <li>
                            <a href="">
                                <div class="iconfont">
                                    &#xe608;
                                </div>
                               <dl class="word">
                                   <dt>在线留言</dt>
                                   <dd>On-line message</dd>
                               </dl>
                            </a>
                            
                        </li>
                        <li>
                            <a href="">
                                <div class="iconfont">
                                    &#xe64f;
                                </div>
                               <dl class="word">
                                   <dt>广告经营</dt>
                                   <dd>Advertising management</dd>
                               </dl>
    
                            </a>
                            
                        </li>
                        <li>
                            <a href="">
                                <div class="iconfont">
                                    &#xe52f;
                                </div>
                               <dl class="word">
                                   <dt>网络咨询</dt>
                                   <dd>Network consuitation</dd>
                               </dl>
                            </a>
                           
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </section>

    <!-- 精品推荐区域 -->
    <section class="ljwm jptj">
        <div class="center">
            <div class="top clearfix">
                <div class="word">
                    <h2>精品推荐</h2>
                    <h5>Boutique recommendation</h5>
                    <div class="blueline"></div>
                </div>
            </div>
        </div>   
    </section>

    <!-- 精品推荐商品区域 -->
    <section class="goods jptjxia">
        <div class="center">
            <div class="leftbtn btn">&lt;</div>
            <div class="pics">
                <ul class="clearfix">
                    <li>
                        <a href="">
                            <img src="" alt="">
                            <p>轻奢风格样板房客厅色彩搭配装修设计</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="" alt="">
                            <p>简约美式风格卧室衣柜设计</p>
                        </a>
                    </li>
                    <li>
                        <a href="">
                            <img src="" alt="">
                            <p>轻奢风格L型厨房装修设计</p> 
                        </a>
                    </li>
                </ul>
            </div>
            <div class="rightbtn btn">&gt;</div>
        </div>
    </section>

      <!-- 新闻中心区域 -->
      <section class="ljwm xwzx">
        <div class="center">
            <div class="top clearfix">
                <div class="leftline line"></div>
                <div class="word clearfix">
                    <h2>新闻中心</h2>
                    <h5>press center</h5>
                    <div class="blueline"></div>
                </div>
                <div class="rightline line"></div>
            </div>

            <div class="xia clearfix">
                <ul>
                    <li>
                        
                        <dl>
                            <dt></dt>
                            <dd></dd>
                        </dl>
                       
                    </li>
                </ul>
                   
            </div>
        </div>
    </section>
</div>

</body>
</html>